<template>
  <div class="lefBom">
    <!--  价目详情中显示的评论  -->
    <div class="header">
      <div>{{ $t('market.appDetails') }}</div>
      <div><i class="el-icon-close" @click="$emit('close')" /></div>
    </div>
    <div>
      <jc-table
        :table-data="tableData2"
        :table-header="tableHeader2"
        table-height="220px"
      >
        <template v-slot:billSlot="col">
          {{ col.scope.row.fstaffList.join(',') }}
        </template>
        <template v-slot:btnState="col">
          <el-tag v-if="col.scope.row.fstate===2">{{ $t('market.state1') }}</el-tag>
          <el-tag v-else-if="col.scope.row.fstate===1" type="success">{{ $t('market.consent') }}</el-tag>
          <el-tag v-else-if="col.scope.row.fstate===0" type="danger">{{ $t('market.consentNo') }}</el-tag>
        </template>
      </jc-table>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    tableData2: {
      type: Array,
      default: function() {
        return []
      }
    }
  },
  data() {
    return {
      tableHeader2: [
        { label: this.$t('market.approvalPro'), prop: 'fname' },
        { label: this.$t('market.assessing'), prop: 'fmodifier' },
        { label: this.$t('market.assessingTime'), prop: 'fmodifydate' },
        { label: this.$t('market.note'), prop: 'fremarks', width: '250', tooltip: true },
        { label: this.$t('shop.state'), type: 'state', prop: 'fstate' }
      ]
    }
  }
}
</script>
<style lang="scss" scoped>
.lefBom {
  padding: 5px;
  position: fixed;
  right: 30px;
  bottom: 50px;
  box-shadow: 0 0 5px #918c8c;
  background: #FFF;
  z-index: 9999;
  .header {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    i {
      cursor: pointer;
    }
  }
}
</style>
